<template>
    <div>
        <el-form class="viewForm" label-width="120px">
            <el-col :span="12">
                <el-form-item label="支付标识">
                    <div v-html="viewModel.key"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="支付名称">
                    <div v-html="viewModel.name"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="支付模式">
                    <div v-html="viewModel.payTypeName"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="服务商Id">
                    <div v-html="viewModel.platformId"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="服务商户号">
                    <div v-html="viewModel.platformMchId"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="appId">
                    <div v-html="viewModel.appId"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商户号">
                    <div v-html="viewModel.mchId"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商户Key">
                    <div v-html="viewModel.mchKey"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="证书路径">
                    <div v-html="viewModel.keyPath"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="通知Url">
                    <div v-html="viewModel.notifyUrl"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="费率">
                    <div v-html="viewModel.rate"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="备注">
                    <div v-html="viewModel.note"></div>
                </el-form-item>
            </el-col>
        </el-form>
    </div>
</template>

<script>
    import common from "@/mixins/common.js";
    var config = {};
    config.methods = {};
    config.mixins = [common];

    config.data = function () {
        return {
            viewModel: {},
            activeIndex: "1"
        }
    };
    config.mounted = function () {
        var id = this.$route.query.id;
        var self = this;
        var data = {};
        data.id = id;
        this.postData("/tenantRest/payconfig/view.htm", data, function (res) {
            if (res.code == 0) {
                self.viewModel = res;
            }
        });
    }

    export default config;
</script>

<style scoped>

</style>